import React, { Component } from 'react'
// 函数式组件可以通过 默认参数 props 获取父组件传递给子组件的数据
function Title (props) {
  return (
    <h1>{ props.name }: React 的核心库只关注于视图层</h1>
  )
}
// 类组件可以通过 this.props 获取到 父组件传递给子组件的数据
class Content extends Component {
  render () {
    return (
      <div>{ this.props.name }: 欢迎来到React的世界</div>
    )
  }
}
export default class App extends Component {
  render() {
    return (
      <>
        <Title name="标题" test="123"/>
        <Content name="内容"/>
      </>
    )
  }
}
